<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>精灵云 | 做国内最专业的容器云管理平台(内测版)</title>
	<link rel="stylesheet" type="text/css" href="css/main.min.css">
	<link rel="stylesheet" href="css/index.min.css">
	<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="header-top">
			<div class="w1330" style="overflow: visible">
				<a class="header-top-logo fl" href="#"><img src="images/logo.png" title="精灵云 | 做国内最专业的容器云管理平台"></a>
				<div class="header-top-nav fr">
					<div class="h-t-nav-option"><a class="active" href="#">首页</a></div>
					<div class="h-t-nav-option"><a href="#">控制台</a></div>
					<div class="h-t-nav-option"><a href="#">产品</a></div>
					<div class="h-t-nav-option"><a href="#">文档</a></div>
					<div class="h-t-nav-option"><a href="#">精灵学院</a></div>
					<div class="h-t-nav-option"><a href="#">加入我们</a></div>
					<div class="h-t-nav-option"><a href="#">登录</a></div>
					<div class="h-t-nav-option user-info">
						<span class="user-header-img"></span><p class="user-name">Emma</p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<div class="user-manage">
							<span class="span1"></span>
							<span class="span2"></span>
							<a class="first" href="#">用户中心</a>
							<a href="#">退出</a>
						</div>
					</div>
					<script>
						$('.user-manage').find('.first').hover(function(){
							$('.user-manage').find('.span1').css({borderBottomColor: '#6FB6F4'})
						},function(){
							$('.user-manage').find('.span1').css({borderBottomColor: '#1898FB'})
						})
					</script>
				</div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="w1330 oh">
				<img class="header-figure fl" src="images/bannerFigure.png">
				<div class="header-login fr">
					<img class="info" src="images/headerlogininfo.png">
					<div class="btn-box">
						<a class="btn btn-login"></a>
						<a class="btn btn-register"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- header end -->

	<!-- container -->
	<div class="container">
		<div class="container-home-one">
			<div class="w1330">
				<div class="home-left fl">
					<div class="title">
						<h3>基于Docker的混合云管理平台</h3>
						<p>DOCKER-BASED HYBRID CLOUD MANGAGEMENT PLATFORM</p>
						<em>注册即送50元到账户</em>
					</div>
					<div class="option option1">
						<div class="info">
							<h3>私有云主机管理</h3>
							<p>Docker 快速部署、私有集群管理、</p>
							<p>高速镜像仓库、私有镜像仓库、多种应用模板</p>
						</div>
						<div class="btn-box">
							<a class="btn onecolor" href="#">立即试用</a>
						</div>
					</div>
					<div class="option option2">
						<div class="info">
							<h3>私有云主机管理</h3>
							<p>Docker 快速部署、私有集群管理、</p>
							<p>高速镜像仓库、私有镜像仓库、多种应用模板</p>
						</div>
						<div class="btn-box">
							<a class="btn onecolor" href="#">立即试用</a>
						</div>
					</div>
					<div class="option option3">
						<div class="info">
							<h3>私有云主机管理</h3>
							<p>Docker 快速部署、私有集群管理、</p>
							<p>高速镜像仓库、私有镜像仓库、多种应用模板</p>
						</div>
						<div class="btn-box">
							<a class="btn onecolor" href="#">立即试用</a>
						</div>
					</div>
				</div>
				<div class="home-right fr">
					<img src="images/hometree.png">
				</div>
			</div>
		</div>
		<div class="container-home-two">
			<div class="w1330">
				<div class="title">
					<h3>基于Docker的应用部署</h3>
					<p>APPLICATION DEPLOYMENT BASED ON DOCKER</p>
				</div>
				<div class="c-t-options">
					<div class="option">
						<div class="top">
							<div class="img img1"></div>
							<p>Ubuntu虚拟环境</p>
						</div>
						<div class="bottom">
							<p>该应用内置了Ubuntu 14.04容器，可部署于私有、公有及精灵云主机之上，同时可根据需求批量克隆。</p>
						</div>
					</div>
					<div class="option">
						<div class="top">
							<div class="img img2"></div>
							<p>基于PHP的应用环境</p>
						</div>
						<div class="bottom">
							<p>该应用内置，PHP运行时环境，MySQL5.1环境，以及ThinkPHP框架工程。可部署于私有、公有及精灵云主机之上。</p>
						</div>
					</div>
					<div class="option">
						<div class="top">
							<div class="img img3"></div>
							<p>WordPress环境</p>
						</div>
						<div class="bottom">
							<p>该应用内置了，Wordpress运行环境和MySQL5.6，可一键部署到私有、公有及精灵云主机之上。</p>
						</div>
					</div>
					<div class="option">
						<div class="top">
							<div class="img img4"></div>
							<p>Ubuntu虚拟环境</p>
						</div>
						<div class="bottom">
							<p>该应用内置了Ubuntu 14.04容器，可部署于私有、公有及精灵云主机之上，同时可根据需求批量克隆。</p>
						</div>
					</div>
					<div class="option">
						<div class="top">
							<div class="img img5"></div>
							<p>Ubuntu虚拟环境</p>
						</div>
						<div class="bottom">
							<p>该应用内置了Ubuntu 14.04容器，可部署于私有、公有及精灵云主机之上，同时可根据需求批量克隆。</p>
						</div>
					</div>
					<div class="option">
						<div class="top">
							<div class="img img6"></div>
							<p>Ubuntu虚拟环境</p>
						</div>
						<div class="bottom">
							<p>该应用内置了Ubuntu 14.04容器，可部署于私有、公有及精灵云主机之上，同时可根据需求批量克隆。</p>
						</div>
					</div>
				</div>
				<div class="btn"><a href="#">了解更多</a></div>
			</div>
		</div>
		<div class="container-home-three">
			<div class="w1330">
				<div class="title">
					<h3>合作伙伴</h3>
					<p>OUR PARTNERS</p>
				</div>
				<div class="c-tr-our-partners">
					<div class="rowl">
						<div class="option option1 mgl"><a href="#"></a></div>
						<div class="option option2 "><a href="#"></a></div>
						<div class="option option3 "><a href="#"></a></div>
						<div class="option option4 "><a href="#"></a></div>
						<div class="option option5 "><a href="#"></a></div>
					</div>
					<div class="rowt mgt">
						<div class="option option6 "><a href="#"></a></div>
						<div class="option option7 "><a href="#"></a></div>
						<div class="option option8 "><a href="#"></a></div>
						<div class="option option9 "><a href="#"></a></div>
						<div class="option option10 "><a href="#"></a></div>
						<div class="option option11 "><a href="#"></a></div>
					</div>
					<div class="rowl mgt">
						<div class="option option12  mgl"><a href="#"></a></div>
						<div class="option option13 "><a href="#"></a></div>
						<div class="option option14 "><a href="#"></a></div>
						<div class="option option15 "><a href="#"></a></div>
						<div class="option option16 "><a href="#"></a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="propaganda-box" class="propaganda-box">
		<img src="images/propaganda1.png">
		<a class="btn" href="/home/login.html">公测入口</a>
	</div>
	<!-- container end -->

	<!-- footer -->
	<div class="footer">
		<div class="footer-top">
			<div class="w1330 oh">
				<div class="f-t-left fl">
					<img class="ewm fl" src="images/ewm.jpg">
					<div class="contact fl">
						<h3 class="title">联系我们：</h3>
						<p>地址：成都市高新区天府大道中段500号</p>
						<p>邮箱：ghostcloud@ghostcloud.cn</p>
						<p class="last-child">电话：028-65785728</p>
					</div>
				</div>
				<div class="footer-nav fr">
					<div class="option"><a href="#">控制台</a></div>
					<div class="option"><a href="#">文档</a></div>
					<div class="option"><a href="#">精灵学院</a></div>
					<div class="option"><a href="#">加入我们</a></div>
				</div>
				<div class="footer-nav fr mgr100">
					<div class="option"><a href="#">私有云管理</a></div>
					<div class="option"><a href="#">公有云管理</a></div>
					<div class="option"><a href="#">使用精灵云容器</a></div>
					<div class="option"><a href="#">容器化应用</a></div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="w1330 oh">
				Copyright © 2015-2016 Ghostcloud 成都精灵云科技有限公司 ｜蜀ICP备14013440号-2
			</div>
		</div>
	</div>
	<!-- footer end -->
</body>
</html>